<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        body{
            margin: 0;
            min-width: 1200px;
        }
        #box{
            width: 800px;
            min-height: 30px;
            background: yellow;
        }
        #first{
            width: 100%;
            height: 50px;
            background: darkgoldenrod;
        }
        #two{
            width: 1200px;
            min-height: 1000px;
            background: darkblue;
            margin: 10px auto;
        }
    </style>
</head>
<body>
    <!-- 
        width:固定的宽度
        height:固定的高度
        min-width:最小宽度
        min-height:最小高度
        max-width:最大宽度
        max-height:最大高度
     -->
    <div id="box">
        123 <br>
        234 <br>
        345 <br>
    </div>
    <div id="first"></div>
    <div id="two"></div>
</body>
</html>